<template>
  <div class="app-container">
    <el-tabs v-model="activeTab" type="border-card">
      <el-tab-pane v-for="item in tabMapOptions" :label="item.label" :key="item.state" :name="item.state">
        <keep-alive>
          <tab-pane v-if="activeTab==item.state" :state="item.state"/>
        </keep-alive>
      </el-tab-pane>
    </el-tabs>


  </div>
</template>
<script>

import tabPane from "./components/tabPane";
export default {
  components: { tabPane },
  data() {
    return {
      tabMapOptions: [
        { label: "未完成", state: '1' ||'2' || '3' },
        { label: "已完成", state: '0' }
      ],
      activeTab: '1',
    };
  },

  methods: {
    
  }
};
</script>

